<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
	    .box{
	    	width: 600px;
	    	height: 600px;
	    	background: red url() 0 0 no-repeat;
/*	    	position: relative;
	    	top: 100px;
	    	left: 100px;*/
	    }
	    .son{
	    	width: 400px;
	    	height: 400px;
	    	background: yellow url() 0 0 no-repeat;
	    	position: absolute;
	    	top: 500px;
	    	left: 500px;
	    }
	    	.son1{
	    	width: 400px;
	    	height: 400px;
	    	background: gray url() 0 0 no-repeat;
	    	position: fixed;
	    	top: 0px;
	    	right: 0px;
	    }
	</style>
</head>
<body>
	<div class="box">
	<div class="son"></div>
	<div class="son1"></div>	
	</div>
	<div class="box"></div>
	<div class="box"></div>
	<div class="box"></div>
</body>
</html>